<template>
  <view>
    <!-- 头部及背景色 -->
    <backdrop />
    <navigation backColor title="聊天消息" />

    <view class="container">
      <chat-item
        follow
        title="我的关注"
        content="我刚关注了「我是打酱油」"
        :showDate="false"
      />
      <chat-item
        showTips
        title="系统消息"
        content="您的「中式推拿·SPA新人体验套餐」已预约成功您的「中式推拿·SPA新人体验套餐」已预约成功"
      />

      <chat-item
        showTips
        v-for="(item, index) in [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]"
        :key="index"
        title="蔡文姬起舞"
        content="您好，我是蔡文姬起舞，感谢您的关注！"
      />
    </view>
  </view>
</template>

<script>
import chatItem from "./components/chatItem";

export default {
  components: {
    chatItem,
  },
};
</script>

<style scoped lang="scss">
.container {
  position: relative;
}
</style>